Lady’s Gitweb - Langdev/blob - public/urn:fdc:langdev.xyz:20160819:jsv:jst/sources/Legacy x-XX-jt/files/clover.css

   1 /*Basic stuff:*/
   2
   3 @font-face {
   4         font-family: 'JCode';
   5         font-weight: normal;
   6         font-style: normal;
   7         src: url('../files/junicode/fonts/Junicode.woff');
   8 }
   9 @font-face {
  10         font-family: 'JCode';
  11         font-weight: bold;
  12         font-style: normal;
  13         src: url('../files/junicode/fonts/Junicode-Bold.woff');
  14 }
  15 @font-face {
  16         font-family: 'JCode';
  17         font-weight: normal;
  18         font-style: italic;
  19         src: url('../files/junicode/fonts/Junicode-Italic.woff');
  20 }
  21 @font-face {
  22         font-family: 'JCode';
  23         font-weight: bold;
  24         font-style: italic;
  25         src: url('../files/junicode/fonts/Junicode-BoldItalic.woff');
  26 }
  27
  28 body {
  29         background: #77CC77;
  30         font-family: 'JCode', serif;
  31         color: #236632;
  32         -moz-font-feature-settings: "onum" 1, "ss02" 1, "dlig" 1;
  33 }
  34 h1 {
  35         font-size: 3em;
  36         text-align: center;
  37         line-height: 1;
  38 }
  39 h2 {
  40         font-size: 1em;
  41         text-align: center;
  42         line-height: 1;
  43         color: #22BB22;
  44 }
  45 h3 {
  46         font-size: 1.5em;
  47 }
  48 *:lang(x-XX-jt) {
  49         color: #236632!important;
  50 }
  51 dfn {
  52         font-style: normal;
  53 }
  54 .def {
  55         color: #008813!important;
  56 }
  57 a {
  58         text-decoration: none;
  59         color: #226622;
  60 }
  61 a:hover {
  62         color: #449944;
  63 }
  64 *.mainbody p {
  65         text-align: justify;
  66         -moz-text-align-last: center;
  67 }
  68 *.mainbody dt {
  69         color: green;
  70         text-decoration: underline;
  71 }
  72 *.mainbody dd {
  73         text-align: justify;
  74         -moz-text-align-last: center;
  75         color: #668877;
  76 }
  77 *.mpl {
  78         color: #6B6F63;
  79         font-style: italic;
  80 }
  81
  82
  83 /*Top banner styling*/
  84 *.topcontainer {
  85         position: absolute;
  86         width: 100%;
  87         left: 0%;
  88         height: 200px;
  89         background: #259535;
  90         top: 0%;
  91         border-bottom: thin solid #003000;
  92         resize: vertical;
  93 }
  94 *.topbanner {
  95         position: absolute;
  96         height: 175px;
  97         background: #AAFFAA;
  98         top: 12.5px;
  99         left: 12.5%;
 100         right: 12.5%;
 101 }
 102 *.toptext {
 103         position: absolute;
 104         -moz-columns: 2;
 105         -moz-column-fill: balance;
 106         -moz-column-gap: 310px;
 107         left: 0%;
 108         top: 0%;
 109         right: 0%;
 110         bottom: 0%;
 111         padding: .8em;
 112         text-align: center;
 113         line-height: 1.8;
 114 }
 115 *.topsvg {
 116         width: 310px;
 117         height: 175px;
 118         margin: auto;
 119 }
 120 svg {
 121         position: absolute;
 122         stroke: #057505;
 123 }
 124 *.topsvg #textbox {
 125         width: 220px;
 126         position: absolute;
 127         padding-left: 45px;
 128         padding-right: 45px;
 129 }
 130 h2 {
 131         -moz-animation-duration: 2s;
 132         -moz-animation-name: pulse;
 133         -moz-animation-iteration-count: infinite;
 134 }
 135 @-moz-keyframes pulse {
 136         from {
 137                 font-size: 1em;
 138         }
 139         50% {
 140                 font-size: 1.2em;
 141         }
 142         to {
 143                 font-size: 1em;
 144         }
 145 }
 146
 147
 148 /*Sidebar styling*/
 149 *.sidecontainer{
 150         position: absolute;
 151         top: 210px;
 152         bottom: 10px;
 153         width: 35%;
 154         left: 0%;
 155 }
 156 *.sidebar{
 157         position: absolute;
 158         height: 92.5%;
 159         left: 5%;
 160         right: 5%;
 161         border: 5px solid #007700;
 162         background: #AAFFAA;
 163         padding: 5%;
 164         overflow: auto;
 165 }
 166 *.pro {
 167         font-size: 90%;
 168 }
 169
 170
 171 /*Main table styling*/
 172 *.mainbody {
 173         margin-top: 210px;
 174         margin-left: 37.5%;
 175         margin-right: 2.5%;
 176         margin-bottom: 10px;
 177         color: #666600;
 178         position: absolute;
 179         top: 0px;
 180         bottom: 0px;
 181         overflow-y: auto;
 182         border: 3px solid #007700;
 183         background: #99ee99;
 184         padding-left: .2em;
 185         padding-right: .2em;
 186 }
 187 table{
 188         background: #123321;
 189         width: 100%;
 190 }
 191 .sel {
 192         background: #123321;
 193         height: 1.8em;
 194         text-align: right;
 195         -moz-columns: 2;
 196 }
 197 select {
 198         width: 50%;
 199         margin-left: 0%;
 200         margin-right: 50%;
 201 }
 202 #cc {
 203         background: #003300;
 204         font-size: 85%;
 205 }
 206 td:hover {
 207         background: #BBFFBB;
 208 }
 209 td {
 210         border: thin solid #055505;
 211         padding-right: .8em;
 212         padding-left: .8em;
 213 }
 214 tr {
 215         background: #88CC88;
 216 }
 217 tr:hover {
 218         background: #AADFAA;
 219 }
 220 col:first-child {
 221         width: 15%;
 222         height: 100%;
 223 }
 224 col:nth-child(2) {
 225         width: 45%;
 226 }
 227 col:last-child {
 228         width: 40%;
 229 }
 230 *.header {
 231         background: none!important;
 232 }
 233 *.header td {
 234         text-decoration: underline;
 235         color: #33CC33;
 236         border: none!important;
 237         background: none!important;
 238 }
 239 thead tr {
 240         background: none!important;
 241         text-decoration: underline;
 242         color: white;
 243 }
 244 *.empty {
 245         background: none!important;
 246         border: none;
 247         height: .2em;
 248 }